<template>
<div class="container">
<p v-html="newsinfo.info"></p>
</div>
</template>

<script lang="ts" setup>
import { useRoute } from 'vue-router'
import { ref } from 'vue'
import {L12030} from '../../api/L12030'
const route = useRoute()
const item = route.params.id
const newinfo=ref({
  oid:item
})
const newsinfo=ref({
  info:""
})
function getItem() {
  L12030.get('/api/news/oid',newinfo.value,(data:any)=>{
    if(data.success){
      newsinfo.value=data.data
    }
  })
}
getItem()

</script>

<style lang="scss" scoped>
.container {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .container img {
      max-width: 50%;
      height: auto;
    }
</style>